page{background-color:#f5f5f5}
.index{padding-top:30rpx;padding-bottom:200rpx;
    .title{font-size:24rpx;color:#666;padding:0 30rpx;box-sizing:border-box;margin-bottom:20rpx;display:table}

    .list{background-color:#fff;padding:0 30rpx;margin-bottom:30rpx;
        .li{height:80rpx;display:flex;justify-content:space-between;box-sizing:border-box;border-bottom:solid 2rpx #eee;align-items:center;transition:.1s;
            text{font-size:28rpx;color:#333;}
            span{color:#FA5151}
        }
        .li:last-child{border:none}
        .li_hover{transform:scale(0.98)}
    }
    
    .setName{background-color:#fff;margin-bottom:30rpx;
        input{height:80rpx;padding:0 30rpx;font-size:28rpx;}
    }

    .uploadTitle{display:flex;justify-content:space-between;
        .reUpload{color:#FA5151;transition:.2s}
        .reUpload_hover{transform:scale(0.9)}
    }
    .uploadQrcode{background-color:#fff;padding:30rpx;box-sizing:border-box;
        .inner{background-color:#eee;border-radius:10rpx;height:300rpx;display:flex;justify-content:center;align-items:center;
            .addBtn{height:60rpx;padding:0 40rpx;border:solid 2rpx #ccc;display:flex;align-items:center;font-size:24rpx;font-weight:bold;color:#666;transition:.2s;
                text{font-size:36rpx;margin-right:10rpx;margin-bottom:6rpx;}
            }
            .addBtn_hover{transform:scale(0.9)}
        }
        image{width:100%;border-radius:10rpx;}
    }
}

.btm{position:fixed;left:0;right:0;bottom:0;box-shadow:0 0 5px rgba(0,0,0,0.1);padding:30rpx;box-sizing:border-box;background-color:#fff;
    .handle{
        .deleteBtn{margin-top:20rpx;background-color:#eee;font-size:28rpx;border-radius:100rpx;}
    }
}